<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>用户明细</title>
    <link rel="stylesheet" type="text/css" th:href="@{../../lib/layui/css/layui.css}"/>
    <script th:src="@{../../lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.js}"></script>
    <script type="text/javascript" th:src="@{/js/yonghu.js}"></script>
</head>
<body style="background-color: rgb(241, 241, 241) !important">
<div class="box1">
    <form class="layui-form" enctype="multipart/form-data">
        <p style="font-size: 10px;">系统设置>><a href="/xm/guanli">用户管理</a>>>用户明细</p><br>
        <table border="0" class="layui-table myTable" th:each="v:${pdms}"
               style="width: 30% !important;margin: auto !important;">
            <tr>
                <th>用户编码:</th>
                <th><input type="text" class="layui-input userCode" id="userCode"  onchange="isUniqueUserCode(this)"  th:value="${v.getUserCode()}"/></th>
                <input type="text" hidden="hidden" class="id" th:value="${v.getId()}">
            </tr>
            <tr>
                <th>用户名称:</th>
                <th><input type="text" class="layui-input userName"  th:value="${v.getUserName()}"/></th>
            </tr>
            <tr>
                <th>用户密码:</th>
                <th><input type="text" class="layui-input userPwd" th:value="${v.getUserPwd()}"/></th>
            </tr>
            <tr>
                <th>用户角色:</th>
                <th>
                    <select name="" class="userrole rId">
                        <option value=""></option>
                        <option value="1" th:selected="${v.getRname() == '公司领导'}">公司领导</option>
                        <option value="2" th:selected="${v.getRname() == '人力资源部负责人'}">人力资源部负责人</option>
                        <option value="3" th:selected="${v.getRname() == '人事经理'}">人事经理</option>
                        <option value="4" th:selected="${v.getRname() == '人事专员'}">人事专员</option>
                        <option value="5" th:selected="${v.getRname() == '薪酬经理'}">薪酬经理</option>
                        <option value="6" th:selected="${v.getRname() == '薪酬专员'}">薪酬专员</option>
                        <option value="7" th:selected="${v.getRname() == '系统管理员'}">系统管理员</option>
                    </select>
                </th>
            </tr>
        </table>
        <div id="anjian" align="center" style="margin-top: 2% !important">
            <input type="button" id="niup1" value="保存" onclick="upd()" class="layui-btn layui-btn-radius"/>
            <a href="/xm/guanli" id="niup2" class="layui-btn layui-btn-radius">返回</a>
        </div>
    </form>
</div>
<script>
    layui.use('form', function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

        //……

        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
        // form.render();
    });
</script>
</body>
</html>